<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
		<meta name="apple-mobile-web-app-capable" content="yes" />

		<title>Button List</title>
		<link href="../themes/android/android.css" rel="stylesheet"></link>
		<link href="../themes/buttons.css" rel="stylesheet"></link>

		<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad: true"></script>

		<script language="JavaScript" type="text/javascript">
			//dojo.require("dojo.parser"); // Use the lightweight parser.
			dojo.require("dojox.mobile.parser");
			dojo.require("dojox.mobile");
			dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");

			dojo.addOnLoad(function(){
				var ul = dojo.byId("list");
					for(var i = 0, len = ul.childNodes.length; i < len; i++){
						var li = ul.childNodes[i];
						if(li.nodeType != 1 || li.tagName != "LI"){ continue; }
						var w = dijit.byNode(li);
						dojo.connect(w.btnNode, "onclick", btnClicked);
				}
			});
	
			function btnClicked(e){
				var btnDiv = e.currentTarget;
				if(dojo.hasClass(btnDiv, "mblCheckOffButton")){
					dojo.removeClass(btnDiv, "mblCheckOffButton");
					dojo.addClass(btnDiv, "mblCheckOnButton");
				}else if(dojo.hasClass(btnDiv, "mblCheckOnButton")){
					dojo.removeClass(btnDiv, "mblCheckOnButton");
					dojo.addClass(btnDiv, "mblCheckOffButton");
				}
				if(dojo.isBB){
					btnDiv.parentNode.appendChild(btnDiv.parentNode.removeChild(btnDiv));
				}
			}
		</script>
	</head>
	<body>
	    <div id="settings" dojoType="dojox.mobile.View" selected="true">
		    <h1 dojoType="dojox.mobile.Heading">Location &amp; security settings</h1>
		    <h2 class="mblHeading">My Location</h2>
		    <ul id="list" dojoType="dojox.mobile.EdgeToEdgeList">
			    <li class="mblVariableHeight" dojoType="dojox.mobile.ListItem" btnClass="mblCheckOffButton">
				    Use wireless networks
				    <div class="mblListItemSubText">
					    See location in applications (such as Maps) using wireless networks
				    </div>
			    </li>
			    <li class="mblVariableHeight" dojoType="dojox.mobile.ListItem" btnClass="mblCheckOnButton">
				    Use GPS satellites
				    <div class="mblListItemSubText">
					    When locating, accurate to street level (uncheck to conserve battery)
				    </div>
			    </li>
		    </ul>
		    <h2 class="mblHeading">My Location</h2>
		     <ul dojoType="dojox.mobile.EdgeToEdgeList">
			    <li dojoType="dojox.mobile.ListItem">
			       Set unlock pattern
			    </li>
		    </ul>
	    </div>
	</body>
</html>
